{% extends 'base.html' %}
{% block content %}
    <form method="post" action="">
        {% if info %}
            <p class="alert alert-success">
                {{ info }}
            </p>
        {% endif %}
        <table class="table table-striped table-hover table-condensed">
        <thead>
            <tr>
                <th><input onclick="selectAll()" type="checkbox"   name="select_all" style="select_all" id="select_all"/></th>
                <th>ID</th>
                <th>IP</th>
                <th>Port</th>
                <th>IDC</th>
                <th>备注</th>

            </tr>
        </thead>
        <tbody>
            {% for asset in assets %}
            <tr>
                <td style="width: 13px"><input type="checkbox" name="selected" value="{{ asset.id }}"></td>
                <td style="width: 5px">{{ asset.id }}</td>
                <td style="width: 90px">{{ asset.ip }}</td>
                <td style="width: 90px">{{ asset.port }}</td>
                <td style="width: 90px">{{ asset.idc }}</td>
                <td style="width: 90px">{{ asset.comment }}</td>
            </tr>
            {% endfor %}
        </tbody>
        </table>
        <button class="btn btn-primary">删除</button></td>
    </form>
       <nav>
          <ul class="pager">
            {% if assets.has_previous %}
            <li><a href="?page={{ assets.previous_page_number }}">上一页</a></li>
            {% endif %}

            <span class="current">
             Page {{ assets.number }} of {{ assets.paginator.num_pages }}.
            </span>

            {% if assets.has_next %}
            <li><a href="?page={{ assets.next_page_number }}">下一页</a></li>
            {% endif %}
          </ul>
        </nav>
{% endblock %}